body { background:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.05); }
h6 { color:#999999; }

/* ----------------- text color and background on mouse selection  ----------------- */
::selection {/* Safari */
   color:#fff;
   background:#424242;
   }
::-moz-selection { /* Firefox */
   color:#fff;
   background:#424242;
}


/* ----------------- theme's body  ----------------- */
.container { /* body wrapper */
    -moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.07);
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.07);
}

/* ----------------- line shortcode styles  ----------------- */
.line { /* line shortcode border color */
	border-top:1px solid #e4e4e4;
}


/* ----------------- input styles  ----------------- */
input, textarea, .widget #searchform input {
	background:#f1f1f1;
}
select { /* dropdowns border */
	border:1px solid #dddddd;		
}
#searchform input {
	border:0 none;
}


/* ----------------- social icons from the top styles  ----------------- */
.gw-topsocial {
	background:#f1f1f1;
	text-shadow:0 1px 0 #fff;
    border-top:1px solid #f4f4f4;
     
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(top, #f9f9f9 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */    
    
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.12);    
}


/* ----------------- main menu styles  ----------------- */
.top-container { /* main menu bar background color */
	background:#383838;
}
.sf-menu li { /* main menu item color */
	color:#e4e4e4;
	background:url(images/menu_line.png) repeat-y top right;
}
.sf-menu li:hover { /* main menu item color on hover */
	color:#e4e4e4;
	background:#2e2e2e url(images/menu_line.png) repeat-y top right;   
}
.sf-menu li a, .sf-menu li a:hover { /* main menu link item color on normal and hover state */
	color:#e4e4e4;
}

#menu-wrapper .sf-menu ul li { /* secondary menu styles, normal state */
	background:#383838 url(images/smenu_line.png) repeat-x top left;
    color:#e4e4e4;
}
#menu-wrapper .sf-menu ul li:hover { /* secondary menu styles, hover state */
	background:#2e2e2e url(images/smenu_line.png) repeat-x top left;  
    color:#e4e4e4;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .sf-menu li {
		background:#383838 url(images/smenu_line.png) repeat-x top left;
    }    
	.sf-menu li:hover {
		background:#2e2e2e url(images/smenu_line.png) repeat-x top left; 
    }
}

@media only screen and (max-width: 767px) {
    .sf-menu li {
		background:#383838 url(mages/smenu_line.png) repeat-x top left;
    }    
	.sf-menu li:hover {
		background:#2e2e2e url(images/smenu_line.png) repeat-x top left; 
    }
}


/* ----------------- blog styles ----------------- */
.post-category span, .post-author span, .post-edit span { /* blog post information title */
	color:#999999;	
}
.post-date, .post-date a { /* blog post date */
	color:#fff;	
}
.post-category span, .post-author span, .post-edit span { /* blog post information: categories, styles and edit option */
	color:#999999;	
}
.post-info-sec { /* border post information box */
	border-right:1px solid #e4e4e4;
}
.link-display, .link-display a { /* link post format color */
	color:#999999;	
}



/* ------------------- blockquote post format styles ------------------- */
.pq { /* blockquote post format box */
	background: url('../images/quote2.png') no-repeat 16px 20px;
    border:1px solid #e4e4e4;
}
.wpost-list blockquote { /* blockquote post format inside the slidebar */
	background: url('../images/quote2.png') no-repeat 0 4px;
}
.fbox .wpost-list blockquote { /* blockquote post format inside the footer */
	color:#868686;
}


/* ------------------- laboratory small title styles ------------------- */
.gwtitle, .gwtitle-center {
	color:#999999;
}
.gws-title {
	color:#535353;
}


/* ------------------- pricing tables styles ------------------- */
.ptblock {
	border-bottom:8px solid #f0f0f0;
}
.ptprice {
	color:#e4e4e4;	
}
.ptper {
	color:#e4e4e4;	
}
.pttitle { /* pricing table title */
	color:#fff;
	border-bottom:1px solid #202020;	
}
.ptcontent, .ptinfo {
	background:#383838;
	color:#c2c2c2;
}
.ptline {
	border-top:1px solid #4c4c4c;
}
.ptblock ul li {
	border-bottom:1px solid #4c4c4c;	
}



/* ------------------- slider styles ------------------- */
.slideleft-info, .slideright-info, .slideleft-title { /* these are the boxes / titles that appear over slide image */
	background:#323232 url('../images/slide_pattern.png') repeat top left;
	color:#bbbbbb;
}
.slideleft-info a, .slideright-info a, .slideleft-title h1 a { /* same as above, the link colors inside slide boxes */
	color:#dadada;
}
.slideleft-info a:hover, .slideright-info a:hover, .slideleft-title h1 a:hover { /* same as above, the link colors inside slide boxes on hover */
	color:#f4f4f4;	
}
.slide-desc { /* slide box description has a border above */
	border-top:1px solid #434343;
}
.flex-direction-nav a { /* navigation arrows shadow */
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
/* slider navigation arrows background & image */
.flex-direction-nav .flex-next { background:#383838 url('images/sarr_next.png') no-repeat 12px 10px; }
.flex-direction-nav .flex-prev { background:#383838 url('images/sarr_prev.png') no-repeat 12px 10px; }
.flexslider .flex-next:hover { background:#424242 url('images/sarr_next.png') no-repeat 12px 10px; }
.flexslider .flex-prev:hover { background:#424242 url('images/sarr_prev.png') no-repeat 12px 10px; }


/* ------------------- page not found 404 styles ------------------- */
.pnf-msg { /* error message background and color */
	background:#383838;
	color:#e4e4e4;
}


/* ----------------- pre / code styles ----------------- */
code, pre {
	color: #49494d;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;    
}

/* ----------------- widgets styles ----------------- */
.widget h6 { /* widget title color */
	color:#999999;
}
.widget_calendar table td {
	border:1px solid #dddddd;
}

/* 1. twitter widget */
#twitter_update_list li a {
	color:#757575;
}
.widget #twitter_update_list li span a {
	color:#1f9cdc;
}
.fbox #twitter_update_list li a {
	color:#757575;
}
.fbox #twitter_update_list li span a {
	color:#e4e4e4;
}

/* 2. tag cloud widget */
.tagcloud a, #footer .tagcloud a { /* tag cloud text color and background */
	color:#424242;
	background:#f4f4f4;
}
.tagcloud a:hover, #footer .tagcloud a:hover {
	background:#4e4e4e;
	color:#fff;
}
.wpost-date {
	color:#8b8b8b;	
}

/* 3. search widget */
#sidebar .widget #searchsubmit {
	background:#f1f1f1 url('../images/search_icon.png') no-repeat 0 0;		
}
#sidebar .widget #searchsubmit:hover {
	background:#383838 url('../images/search_icon.png') no-repeat 0 -25px;
}
.fbox #searchsubmit {
	background:#383838 url('../images/search_icon.png') no-repeat 0 -50px;
}
.fbox #searchsubmit:hover {
	background:#383838 url('../images/search_icon.png') no-repeat 0 -25px;
}
.fbox #searchform #s {
	background:#383838;
	color:#9f9f9f;
}


/* -------------------  our clients list styles ------------------- */
.clients-list {
	border-right:0 none;
	margin:8px 0 4px 0;
	padding:0;	
}
.clients-list li {
	border:1px solid #e4e4e4;
}


/* ----------------- breadcrumbs styles ----------------- */
.breadcrumbs-wrapper { /* breadcrumbs text color */
	color:#999999;
}


/* ----------------- page navigation styles  ----------------- */
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	background:#f4f4f4;
}
.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi a:hover {
	background:#4e4e4e;
}

/* ----------------- comments styles  ----------------- */
.comment-content {
	border-left:1px solid #e4e4e4;
}
.comment-decoration { /* horizontal small line decoration */
	border-bottom:1px solid #e4e4e4;
}
.comment-bodywrap .date {/* comment posted date */
	color:#a3a3a3;
}
/* comment buttons - reply and edit, normal and hover states */
.comment-options a { 
	color:#424242;
	background:#f4f4f4;
}
.comment-options a:hover {
	background:#4e4e4e;
	color:#fff;	
}


/* ----------------- team styles  ----------------- */
.teamblock {
	color:#fff;
	border-bottom:8px solid #f0f0f0;
}
.teamcontent h6 {
	color:#fff;
}
.teamcontent a, .teamcontent a:hover {
	color:#fff;
}
.teamcontent a:hover {
	text-decoration:underline;
}


/* ----------------- notification boxes ----------------- */
.box-confirmation {
	border-top:1px solid #d1ecc0;
	border-bottom:1px solid #d1ecc0;
	background:#e7ffdf url('../images/confirmation_box.png') no-repeat 20px 17px;		
}
.box-confirmation, .box-confirmation a {
	color:#51982e;
	text-shadow:0 1px 0 #fff;    
}

.box-information {
	border-top:1px solid #c1dff3;
	border-bottom:1px solid #c1dff3;  
	background:#dff2ff url('../images/info_box.png') no-repeat 20px 17px;
}
.box-information, .box-information a {
	color:#1e7bbb;
	text-shadow:0 1px 0 #fff;       
}

.box-warning {
	border-top:1px solid #f3e295;
	border-bottom:1px solid #f3e295;  
	background:#fff7d3 url('../images/warning_box.png') no-repeat 20px 17px;
}
.box-warning, .box-warning a {
	color:#bf9107;
	text-shadow:0 1px 0 #fff;       
}

.box-error {
	border-top:1px solid #f7c9c9;
	border-bottom:1px solid #f7c9c9;  
	background:#ffdfdf url('../images/error_box.png') no-repeat 20px 17px;
}
.box-error, .box-error a {
	color:#c84b33;
	text-shadow:0 1px 0 #fff;       
}
.awaiting_moderation {
	border-top:1px solid #f1de86;
	border-bottom:1px solid #f1de86;  
	background:#fff7d3;
	color:#bf9107;
	text-shadow:0 1px 0 #fff;       
}



/* ----------------- table styles ----------------- */
table thead tr td { /* table headers */
	background:#f4f4f4;
}
table {/* actual table */
	border:1px solid #dedede;
	border-bottom:0 none;
}
table tr td { /* table cells */
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;
}


/* ----------------- testimonial styles ----------------- */
.testimonial-block blockquote { /* testimonial box */
	border:1px solid #e4e4e4;
}
.testimonial-name { /* testimonial name */
	color:#fff;
}


/* ----------------- toggle styles  ----------------- */
/* toggle title color styles are in style-css.php from theme's root */
h6.toggle {
	border:1px solid #e4e4e4;
}
h6.toggle a {
	background:transparent url('../images/toggle_icon.png') no-repeat 16px 13px;
}
h6.active a {
	background:#f4f4f4 url('../images/toggle_icon.png') no-repeat 16px -165px;
}
.toggle-content .block {
	border:1px solid #e4e4e4;
}


/* ----------------- tab styles ----------------- */
ul.tabs {
    border-bottom:0 none;
}
ul.tabs a {
    border-left:1px solid #e4e4e4;
    border-top:1px solid #e4e4e4;    
    border-bottom:0 none;
    background:#f4f4f4;
}
.tabs-wrapper .tabpanels {
	border:1px solid #e4e4e4;    
}
ul.tabs li:last-child a { /* last tab element */
	border-right:1px solid #e4e4e4;
}


/* ----------------- service styles ----------------- */
.lservice-graphic h4 { /* service title color  */
	color:#fff;
}


/* ----------------- contact styles  ----------------- */
.contact-box, .contact-box a, .contact-box a:hover, .contact-info h6 { /* contact boxes styles */
	color:#fff;
}

/* contact & comment form button styles */
.contact-fieldset input[type="submit"], #commentform input[type="submit"] {
	text-shadow:0 1px 1px #fff;
    border:1px solid #eeeeee !important;
	border-top:1px solid #f4f4f4 !important;
	background:#eeeeee url('../images/btn_s.png') repeat-x;

	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.contact-fieldset input[type="submit"]:hover, #commentform input[type="submit"]:hover {
	background:#eeeeee url('../images/btn_s_hover.png') repeat-x;
}


/* ------------------- portfolio styles ------------------- */
.port-filter-wrapper {
	border-top:1px solid #e4e4e4;
}
.port-decoration { /* lines that appear below the portfolio type 2 & 3 entries */
	border-top:1px solid #e4e4e4;	
	background:#f0f0f0;
}


/* ----------------- footer styles ----------------- */
#footer {
	background:#2d2d2d;
    color:#868686;
    
}
#footer a, #footer .fbox #twitter_update_list li span a {
	color:#d1d1d1;
}
#footer-bottom {
	background:#383838;
	color:#9f9f9f;
    border-top:1px solid #222222;	
}
.fbox h6 {
	color:#d1d1d1;
	border-bottom:1px solid #444444;    
}
.fbox .flickr-wrapper img {
	border:4px solid #444444;
}



/* ------------------- special button styles ------------------- */
a.pt-btn {
	color:#424242 !important;	
    
	/* border colors */	
	border-top:1px solid #fff;
	border-bottom:1px solid #000;
			
	background: #f9f9f9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(top, #f9f9f9 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */

	text-shadow:0 1px 1px #fff;
}
.heart_sbutton {
	background-color:#3bb3e0;
	color:#fff;
	background-image: linear-gradient(bottom, rgb(81,173,221) 0%, rgb(113,208,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(81,173,221) 0%, rgb(113,208,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(81,173,221) 0%, rgb(113,208,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(81,173,221) 0%, rgb(113,208,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(81,173,221) 0%, rgb(113,208,255) 100%); 
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(81,173,221)),
	color-stop(1, rgb(113,208,255))
	);
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;	
	
	-webkit-box-shadow: inset 0px 0px 0px #2ab7ec, 0px 5px 0px 0px #377b9f, 0px 6px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 0px #2ab7ec, 0px 5px 0px 0px #377b9f, 0px 6px 4px rgba(0,0,0,0.2);
	-o-box-shadow: inset 0px 0px 0px #2ab7ec, 0px 5px 0px 0px #377b9f, 0px 6px 4px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 0px #2ab7ec, 0px 5px 0px 0px #377b9f, 0px 6px 4px rgba(0,0,0,0.2);	
}

.heart_sbutton:active {
	background-image: linear-gradient(bottom, rgb(110,203,252) 0%, rgb(80,173,220) 100%);
	background-image: -o-linear-gradient(bottom, rgb(110,203,252) 0%, rgb(80,173,220) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(110,203,252) 0%, rgb(80,173,220) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(110,203,252) 0%, rgb(80,173,220) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(110,203,252) 0%, rgb(80,173,220) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(80,173,220))
	);
	-webkit-box-shadow: inset 0px 4px 1px #3799ca, 0px 2px 0px 0px #387c9f, 0px 4px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 0px 1px #387c9f, 0px 4px 4px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 2px 0px 1px #387c9f, 0px 4px 4px rgba(0,0,0,0.3);
	box-shadow: inset 0px 4px 1px #3799ca, 0px 2px 0px 0px #377b9f, 0px 4px 4px rgba(0,0,0,0.2);
}

.heart_sbutton::before {
	color:#fff;
	background:#f4f4f4 url('../images/heart.png') no-repeat center center;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	-webkit-box-shadow:inset 0px 0 0px #2ab7ec, 0px 5px 0px 0px #dddddd, 0px 10px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0px 0 0px #2ab7ec, 0px 5px 0px 0px #dddddd, 0px 10px 5px rgba(0,0,0,0.2);
	-o-box-shadow:inset 0px 0 0px #2ab7ec, 0px 5px 0px 0px #dddddd, 0px 10px 5px rgba(0,0,0,0.2);
	box-shadow:inset 0px 0 0px #2ab7ec, 0px 5px 0px 0px #dddddd, 0px 4px 4px rgba(0,0,0,0.2);	
}

.heart_sbutton:hover {
	color:#fff;
}